view,
scroll-view,
swiper,
match-media,
movable-area,
movable-view,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkboxe,
ditor,
form,
input,
label,
picker,
picker-view,
radio,
slider,
switch,
textarea,
navigator,
audio,
camera,
image,
video,
live-player,
live-pusher,
map,
canvas,
web-view,
:before,
:after {
    box-sizing: border-box;
}

/* 隐藏scroll-view的滚动条 */
::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;
}

page {
    background-color: #ffffff;
    font-weight: 400;
}
//获取电池栏高度
.bar-height {
    padding-top: calc(var(--status-bar-height));
    box-sizing: border-box;
}
//字体颜色
.text-color {
    color: #fabb3c;
}
.text-color1 {
    color: #1a1a1a;
}
.text-color2 {
    color: #555555;
}
.text-color3 {
    color: #999999;
}
.text-color4 {
    color: #222222;
}
.text-color5 {
    color: #ffffff;
}
.text-color6 {
    color: #555555;
}
.text-color7 {
    color: #ff1414;
}
.text-color8 {
    color: #f54040;
}
.text-color9 {
    color: #fabb3d;
}
.text-color10 {
    color: #cccccc;
}

//按钮样式
.resetBtn {
    .u-button {
        width: 590rpx;
        height: 96rpx !important;
        background: #24368f !important;
        box-shadow: 0px 12rpx 24rpx 2rpx rgba(63, 140, 255, 0.26);
        border-radius: 12rpx !important;
        opacity: 1;
        border: none !important;
    }
    .u-button__text {
        font-size: 32rpx;
        font-weight: bold;
        color: #ffffff !important;
    }
}
// 距离
@for $i from -200 through 400 {
    $num: $i;
    .p-#{$num} {
        padding: 0rpx + $num;
        box-sizing: border-box;
    }
    .pt-#{$num} {
        padding-top: 0rpx + $num;
        box-sizing: border-box;
    }
    .pr-#{$num} {
        padding-right: 0rpx + $num;
        box-sizing: border-box;
    }
    .pb-#{$num} {
        padding-bottom: 0rpx + $num;
        box-sizing: border-box;
    }
    .pl-#{$num} {
        padding-left: 0rpx + $num;
        box-sizing: border-box;
    }
    .pv-#{$num} {
        padding-top: 0rpx + $num;
        padding-bottom: 0rpx + $num;
        box-sizing: border-box;
    }
    .ph-#{$num} {
        padding-left: 0rpx + $num;
        padding-right: 0rpx + $num;
        box-sizing: border-box;
    }
    .m-#{$num} {
        margin: 0rpx + $num;
    }
    .mt-#{$num} {
        margin-top: 0rpx + $num;
    }
    .mr-#{$num} {
        margin-right: 0rpx + $num;
    }
    .mb-#{$num} {
        margin-bottom: 0rpx + $num;
    }
    .ml-#{$num} {
        margin-left: 0rpx + $num;
    }
    .mv-#{$num} {
        margin-top: 0rpx + $num;
        margin-bottom: 0rpx + $num;
    }
    .mh-#{$num} {
        margin-left: 0rpx + $num;
        margin-right: 0rpx + $num;
    }
}
//字体大小、粗细、行高
@for $j from 10 through 80 {
    .fs-#{$j} {
        font-size: 0rpx + $j !important;
    }
    .lh-#{$j} {
        line-height: 0rpx + $j;
    }
}
@for $k from 400 through 700 {
    .fw-#{$k} {
        font-weight: 0 + $k;
    }
}
//宽高 圆
@for $l from 0 through 750 {
    .w-#{$l} {
        width: 0rpx + $l;
    }
    .h-#{$l} {
        height: 0rpx + $l;
    }
    .b-#{$l} {
        border-radius: 0rpx + $l;
    }
}

// 超出省略,最多5行
@for $i from 1 through 5 {
    .text-ellipsis-#{$i} {
        // vue下，单行和多行显示省略号需要单独处理
        @if $i == '1' {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        } @else {
            display: -webkit-box !important;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
            -webkit-line-clamp: $i;
            -webkit-box-orient: vertical !important;
        }
    }
}
.w-f {
    width: 100%;
}
.vh {
    height: 100vh;
}
.f {
    display: flex;
}
.f1 {
    flex: 1;
}
.jc-s-b {
    justify-content: space-between;
}
.jc-f-e {
    justify-content: flex-end;
}
.jc-f-s {
    justify-content: flex-start;
}
.jc-c {
    justify-content: center;
}
.ai-f-s {
    align-items: flex-start;
}
.ai-f-e {
    align-items: flex-end;
}
.ai-c {
    align-items: center;
}
.fd-c {
    flex-direction: column;
}
.fd-r {
    flex-direction: row;
}

.tl {
    text-align: left;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}

.cp {
    cursor: pointer;
}
.cna {
    cursor: not-allowed;
}
.ib {
    display: inline-block;
}
.pr {
    position: relative;
}
.fc-w {
    flex-wrap: wrap;
}

.v-m {
    vertical-align: middle;
}
//#ifdef MP-WEIXIN
.mp-weixin {
    margin-right: 170rpx;
}
//#endif
